<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

	<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
	<script type="text/javascript">
        //JS的写法
        /*window.onload = function () {
            var btnObj = document.getElementById("btnId");
            btnObj.onclick=function () {
                alert("SayHello");
            }
        }*/

        //jQuery的写法
        $(function () {// 表示页面加载完成 之后，相当 window.onload = function () {}
            var $btnId = $("#btnId");//获取对象，相当于 var btnObj = document.getElementById("btnId");
            $btnId.click(function () { //绑定单击事件
                alert("SayHello");
            })
        });

	</script>
</head>
<body>

	<button id="btnId">SayHello</button>

</body>
</html>